<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./js/libs/jquery-1.12.3.js"></script>
    <script src="./js/libs/jquery.cookie.js"></script>
    <script src="./js/layer/layer.js"></script>
    <script src="./js/libs/request.js"></script>
    <script src="./js/shopping.js"></script>
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./css/shopping.css">
</head>

<body>
    <div id="hello">
        <div class="nav clear main">
            <div class="fl">
                <span>欢迎你:</span>
                <span class="user">alice</span>
                <!-- <span class="exit">退出</span> -->
            </div>
            <div class="fr">
                <span>进入会员中心</span>
                <span>我的订单 ▼</span>
                <span class="myshop">我的购物车(2)</span>
                <span>收藏夹</span>
                <span>帮助中心</span>
            </div>
        </div>
    </div>
    <section class="main">
        <div class="line1">
            <a href="./index.html"><img src="./images/米米乐商城_07.jpg" alt=""></a>
            <img src="./images/米米乐商城---我的购物车_03.jpg" alt="">
            <span>我的购物车</span>
        </div>
        <table class="myTable">
            <thead>
                <th><input type="checkbox" id="all">全选</th>
                <th style="width: 300px;">商品名称</th>
                <th>规格</th>
                <th>单价</th>
                <th>数量</th>
                <th>小计(元)</th>
                <th>操作</th>
            </thead>
            <tbody id="tab">
                <tr class="none">
                    <td colspan="8"> 空空如也</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="8">
                        <div class="fl">删除所选</div>
                        <div class="fr">
                            <p><span class="key">商品数量 :</span><span class="value">0</span></p>
                            <p><span class="key">总计 :</span><span class="value">0</span></p>
                            <p><span class="key">优惠 :</span><span class="value">0</span></p>
                            <p><span class="key">返还总金额 :</span><span class="value">0</span></p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th colspan="8">
                        <div class="fr">
                            <p><span class="key"> 商品总额(不含运费):</span><span class="value">0</span></p>
                        </div>
                    </th>
                </tr>
            </tfoot>
        </table>
    </section>
    <footer></footer>
</body>
<script>

</script>
</html>